﻿<%@ Page Language="VB" AutoEventWireup="false" CodeFile="Validacion.aspx.vb" Inherits="Validacion" %>

<%@ Register Assembly="MoniMisi2" Namespace="MoniMisi2" TagPrefix="MM2" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<link href="App_Themes/Tema/estilos.css" rel="stylesheet" type="text/css" />
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Validación no Obstrusiva</title>
</head>
<body style="height: 600px">

    <script type="text/javascript">

        function CreadoFormulario(sender, e) {
            $find("Employees").Arribar();
            sender.Mostrar('Mo');
        }

        function ValidandoPais(sender, e) {
            if (e.Valor == "AR") {
                e.Mensajes.push("el valor no puede ser Argentina");
                e.Erroneo = true;
            }
        }
        function ValidandoReportsTo(sender, e) {
            if (e.Valor == null) {
                e.Mensajes.push("el valor no puede ser Blanco");
                e.Erroneo = true;
            }
        }

        function ValidandoFormulario(sender, e) {
            if (e.Valores.Country == "USA" && e.Valores.Salario < 75000) {
                e.Mensajes.push("En EEUU el salario no puede ser menor a u$s 75000");
                e.Erroneo = true;
            }
        }
    </script>

    <form id="form1" runat="server">
    <MM2:ScriptManager ID="ScriptManager" runat="server">
    </MM2:ScriptManager>
    <MM2:ProveedorDatosServidor ID="Employees" runat="server" WebMethod="ManejoEmployees"
        Asincronico="true">
        <Ordenes>
            <MM2:OrdenDatos Columna="LastName"></MM2:OrdenDatos>
            <MM2:OrdenDatos Columna="EmployeeID"></MM2:OrdenDatos>
            <MM2:OrdenDatos Columna="Title"></MM2:OrdenDatos>
        </Ordenes>
    </MM2:ProveedorDatosServidor>
    <MM2:ProveedorDatosServidor ID="Employees2" runat="server" WebMethod="ManejoEmployees"
        Asincronico="false">
        <Ordenes>
            <MM2:OrdenDatos Columna="LastName"></MM2:OrdenDatos>
            <MM2:OrdenDatos Columna="EmployeeID"></MM2:OrdenDatos>
            <MM2:OrdenDatos Columna="Title"></MM2:OrdenDatos>
        </Ordenes>
    </MM2:ProveedorDatosServidor>
    <MM2:ProveedorDatosServidor ID="Paises" runat="server" WebMethod="ManejoPaises" Asincronico="false">
    </MM2:ProveedorDatosServidor>
    <h1 style="color: Black; text-align: center">
        Validación no obstrusiva</h1>
    <table style="color: Black; border: solid 1px black; background-color: White; width: 300px">
        <colgroup style="background-color: lightblue">
        </colgroup>
        <colgroup>
        </colgroup>
        <tr style="text-align: center">
            <td colspan="2">
                Caracteristicas de validacion
            </td>
        </tr>
        <tr>
            <td>
                Ver formulario
            </td>
            <td>
                <input id="Modificar" type="image" src="App_Themes\Tema\Botones\editar.gif" onclick="$find('Employees$Formulario').Mostrar('Mo');return false" />
            </td>
        </tr>
        <tr>
            <td>
                País
            </td>
            <td>
                No admite Argentina
            </td>
        </tr>
        <tr>
            <td>
                Dirección
            </td>
            <td>
                Al menos dos caracteres.
            </td>
        </tr>
        <tr>
            <td>
                Salario
            </td>
            <td>
                Distinto de cero y entre 70000 y 80000
            </td>
        </tr>
        <tr>
            <td>
                Nacimiento
            </td>
            <td>
                Distinto de blanco, entre 01/01/1900 y 31/12/2012 y sin dias martes.
            </td>
        </tr>
        <tr>
            <td>
                Reporta a
            </td>
            <td>
                Distinto de blanco
            </td>
        </tr>
        <tr>
            <td>
                País + Salario
            </td>
            <td>
                - En EEUU el salario no puede ser menor a u$s 75000.
            </td>
        </tr>
        <tr>
            <td colspan="2">
                - La validaciones son del lado del cliente y del lado del servidor.
            </td>
        </tr>
        <tr>
            <td colspan="2">
                - La validaciones se realizan al perder el foco y cuando se intenta aceptar el formulario.
            </td>
        </tr>
        <tr>
            <td colspan="2">
                - Puede mostrar mas de un mensaje de error por cada control no válido.
            </td>
        </tr>
    </table>
    <div>
        <table id="Empleado_Mdl" style="-webkit-filter: drop-shadow(15px 15px 20px black);
            color: Black; border: solid 1px black; background-color: White; width: 300px">
            <colgroup style="width: 150px; background-color: lightblue">
            </colgroup>
            <colgroup style="width: 300px">
            </colgroup>
            <tr id="Empleado_MoDR" style="text-align: center; cursor: pointer">
                <td colspan="3">
                    Modificacion
                </td>
            </tr>
            <tr>
                <td>
                    <img id="Empleado__PhotoPath" runat="server" height="50" width="50" src="" alt="Sin Imagen" />
                </td>
                <td>
                    <input type="text" id="Empleado_AlMoFMFA_PhotoPath" size="60" />
                </td>
            </tr>
            <tr>
                <td>
                    Apellido :
                </td>
                <td>
                    <input type="text" id="Empleado_AlMo_LastName" size="60" maxlength="20" />
                </td>
            </tr>
            <tr>
                <td>
                    Nombre :
                </td>
                <td>
                    <input type="text" id="Empleado_AlMo_FirstName" size="60" maxlength="10" />
                </td>
            </tr>
            <tr>
                <td>
                    Titulo :
                </td>
                <td>
                    <input type="text" id="Empleado_AlMo_Title" size="60" maxlength="30" />
                </td>
            </tr>
            <tr>
                <td>
                    Pais :
                </td>
                <td>
                    <MM2:Combo ID="Empleado_AlMo_Country" IdDatos="Paises" Descripcion="Descripcion"
                        Valor="Codigo" CssError="Invalido" AceptaBlanco="false" Validando="ValidandoPais"
                        runat="server">
                    </MM2:Combo>
                </td>
            </tr>
            <tr>
                <td>
                    Ciudad :
                </td>
                <td>
                    <input type="text" id="Empleado_AlMo_City" size="60" maxlength="15" />
                </td>
            </tr>
            <tr>
                <td>
                    Dirección :
                </td>
                <td>
                    <MM2:Texto ID="Empleado_AlMo_Address" runat="server" size="60" AceptaBlanco="110000000000000"
                        Mascara="XXXXXXXXXXXXXXX" CssError="Invalido"></MM2:Texto>
                </td>
            </tr>
            <tr>
                <td>
                    Salario :
                </td>
                <td>
                    <MM2:Numero ID="Empleado_AlMo_Salario" runat="server" Enteros="6" Decimales="2" Tipo="Fox"
                        title="Ingrese Salario" CssError="Invalido" PermiteCero="false" RangoDesde="70000"
                        RangoHasta="80000"></MM2:Numero>
                </td>
            </tr>
            <tr>
                <td>
                    Nacimiento :
                </td>
                <td>
                    <MM2:Fecha ID="Empleado_AlMo_BirthDate" runat="server" AutoCompletar="Nada" AceptaBlanco="false"
                        DiasProhibidos="Martes" title="Ingrese fecha de nacimiento" CssError="Invalido"
                        Defecto="1900-01-01" RangoDesde="1900-01-01" RangoHasta="2012-12-31">
                    </MM2:Fecha>
                </td>
            </tr>
            <tr>
                <td>
                    Reporta a :
                </td>
                <td>
                    <MM2:ComboGrilla ID="Empleado_AlMo_ReportsTo" runat="server" GrillaTargetId="RegistroComboEmployees"
                        Valor="EmployeeID" Descripcion="LastName" AceptaBlanco="true" CssError="Invalido"
                        Validando="ValidandoReportsTo"></MM2:ComboGrilla>
                </td>
            </tr>
            <tr>
                <td>
                    Notas :
                </td>
                <td>
                    <textarea rows="4" cols="60" id="Empleado_AlMo_Notes"></textarea>
                </td>
            </tr>
            <tr>
                <td colspan="4" id="Empleado_Err" class="FormularioInvalido">
                </td>
            </tr>
            <tr>
                <td colspan="3">
                    <table style="border: solid 1px black; width: 100%">
                        <tr>
                            <td style="text-align: center">
                                <input type="button" value="Aceptar" id="Empleado_AcFC" />
                            </td>
                            <td style="text-align: center">
                                <input type="button" value="Cancelar" id="Empleado_AlMoBaCaFB" />
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>
        </table>
    </div>
    <table class="ComboEmploy" cellpadding="0" cellspacing="0">
        <tr>
            <th id="Employees2_Orden_LastName" class="ColumnaOrdenada">
                Apellido
            </th>
            <th>
                Nombre
            </th>
            <th id="Employees2_Orden_Title" class="ColumnaOrdenada">
                Titulo
            </th>
        </tr>
        <tr runat="server" id="RegistroComboEmployees">
            <td id="Employees2_LastName" style="width: 100px">
            </td>
            <td id="Employees2_FirstName" style="width: 100px">
            </td>
            <td id="Employees2_Title" style="width: 200px">
            </td>
        </tr>
    </table>
    <MM2:Grilla runat="server" ID="GrillaCombo" TargetControlID="RegistroComboEmployees"
        Filas="7" IDDatos="Employees2" />
    <MM2:Formulario runat="server" ID="Empleado" TargetControlID="Employees" Creado="CreadoFormulario"
        Validando="ValidandoFormulario"></MM2:Formulario>
    </form>
</body>
</html>
